<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>实现简单的轮播图片</title>
        <link rel="stylesheet" href="../css/index.css" />
        <link rel="stylesheet" href="../css/轮播图.css">
    </head>
    <body>
        


        <!-- 轮播图 -->
        <div class="contain">
            <div class="carousel">
                <div class="slide">
                    <img src="../img/1.jpg" alt="">
                    <img src="../img/2.jpg" alt="">
                    <img src="../img/3.jpg" alt="">
                    <img src="../img/4.jpg" alt="">
                </div>
            </div>
            <div class="">
                <button class="left btn">&lt;</button>
                <button class="right btn">&gt;</button>
            </div>
            <ul class="indicator">
                <li class="li-active"></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>

        <!-- 导航栏 -->
        <div class="nav">
            <ul>
                <li class="shownav1"><a href="#">一级菜单1</a>
                    <ul class="nav2">
                        <li class="shownav2"><a href="#">二级菜单1</a>
                            <ul class="nav3">
                                <li><a href="#">三级菜单1</a></li>
                                <li><a href="#">2</a></li>
                                <li><a href="#">3</a></li>
                            </ul>
                        </li>
                        <li><a href="#">2</a></li>
                        <li><a href="#">3</a></li>
                        <li><a href="#">4</a></li>
                    </ul>
                </li>
                <li><a href="#">2</a></li>
                <li><a href="#">3</a></li>
                <li><a href="#">4</a></li>
                <li><a href="#">5</a></li>
                <li><a href="#">6</a></li>
            </ul>
        </div>
        
        <div class="main">
            
        </div>

        <script src="../js/轮播图.js"></script>
        <script src="../js/index.js"></script>
    </body>
</html>
 